<template>
  <div class="p_container">
    <div class="l_side">
      <h1>实验步骤1：模型的旋转平移缩放</h1>
      <p>该步骤通过点击仿真实验操作按钮进入实验操作步骤界面，点击视图导航按钮进入实验操作界面。使用鼠标的左键可以进行模型的旋转，使用鼠标的右键可以进行模型的平移，使用鼠标的滑轮可以进行模型的缩放。如图1所示。</p>
      <p style="text-align: center;">
        <img src="../../assets/images/tu1.png" alt />
      </p>
      <p style="text-align: center;">
        <strong>图1&nbsp; 系统主界面示意图</strong>
      </p>
    </div>
    <div class="r_side"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  }
};
</script>
<style lang="less" scoped>
.p_container {
  .l_side {
    width: 800px;
    min-height:600px;
    h1 {
      font-size: 16px;
      color: #333333;
      margin: 15px 0 20px;
      text-align: center;
    }
    p {
      line-height: 30px;
      color: #666;
      font-size: 12px;
      margin-bottom: 10px;
      text-indent: 2em;
    }
  }
}
</style>


